.agentinfo {
    width: 100%;
    height: 100%; 

    ::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }

    .spin {
        width: 93%;
        height: 100vh;
        position: absolute;
        background-color: #f3f5fa;
        z-index: 10;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .agentTop {
        width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        height: 40px;
        font-size: 15px;
        font-weight: 500;

        >img {
            width: 30px;
            height: 30px;
            overflow: hidden;
            border-radius: 50%;
            margin-right: 10px;
            object-fit: contain;
        }
    }

    .allagent:last-child {
        margin-bottom: 100px;
    }

    .agentContent {
        width: 850px;
        height: 600px;
        box-sizing: border-box;
        overflow-y: auto;
        margin: 10px auto 0px;
        transition: max-height 0.5s ease;
    }

    .close {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }



}

@media (max-width:667px) {
    .agentinfo {
        height: 100vh;
        overflow-y: auto; 

        .allagent:last-child {
            margin-bottom: 100px;
        }

        .agentInput {
            width: 90%;
            margin: 0 auto;
            height: auto; 
        }

        .agentContent {
            width: 90%;
            height: 450px;
            box-sizing: border-box;
            overflow-y: auto;
            margin: 10px auto 0px;
            transition: max-height 0.5s ease;

            .agentContentItem {
                font-size: 15px !important;
                display: flex;
                flex-wrap: nowrap;

                .agentContentTxt {
                    padding: 10px;
                }

                >img {
                    width: 40px;
                    height: 40px;
                    margin: 0;
                    border-radius: 50%;
                    object-fit: contain;
                }
            }
        }
        .close{  
            position: absolute;
            bottom: 170px;
        }
    }


}